<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui" template="template.xhtml">
	<head>

	</head>
	<ui:define name="container">
		<h:form prependId="false">
			
			<p:panel header="Cadastrar grupos de usuários" toggleable="true"
				closable="true" toggleSpeed="500">
				<h:panelGrid id="acoes">
					<h:outputLabel value="Código:" />
					<p:inputText disabled="true" style="width: 50px"
						value="#{grupoUsuarioMB.grupoSelecionado.idGrupo}" />
					<h:outputText value="Grupo:" />
					<p:inputText style="width: 420px"
						disabled="#{grupoUsuarioMB.viewState.enable}"
						value="#{grupoUsuarioMB.grupoSelecionado.nomeGrupo}" />
					<h:panelGrid columns="2">	
					<p:selectBooleanCheckbox
						disabled="#{grupoUsuarioMB.viewState.enable}"
						value="#{grupoUsuarioMB.grupoSelecionado.ativo}" />
					<h:outputLabel value="Ativo" />					
					</h:panelGrid>
				</h:panelGrid>
				<h:panelGrid id="lista">
					<p:dataTable id="lstTipo"  var="grupo"
						value="#{grupoUsuarioMB.listaGrupos}" scrollable="true"
								scrollWidth="470" selectionMode="single" scrollHeight="110">
								
						<p:ajax event="rowSelect" listener="#{grupoUsuarioMB.onRowSelect}"
							update="acao,acoes"  />
														
						<p:column style="width: 110px;" filterBy="#{grupo.idGrupo}" headerText="Código">
							<h:outputText value="#{grupo.idGrupo}" />
						</p:column>

						<p:column style="width: 300px;" filterBy="#{grupo.nomeGrupo}"
							headerText="Grupo">
							<h:outputText value="#{grupo.nomeGrupo}" />
						</p:column>

					</p:dataTable>
				</h:panelGrid>
				<h:panelGrid id="acao" columns="5">
					<p:commandButton id="cmdAdicionar" image="cmdAdicionar"
						disabled="#{grupoUsuarioMB.viewState.cmdAdicionarDisable}"
						value="Adicionar" update="acoes,acao,lista"
						action="#{grupoUsuarioMB.novo}" />
					<p:commandButton id="cmdAlterar" value="Alterar" image="cmdAlterar"
						disabled="#{grupoUsuarioMB.viewState.cmdAlterarDisable}"
						update="acoes,acao" action="#{grupoUsuarioMB.alterar}" />
					<p:commandButton id="cmdGravar" value="Gravar" image="cmdGravar"
						disabled="#{grupoUsuarioMB.viewState.cmdGravarDisable}"
						update="lista,acoes,acao,msgs"
						actionListener="#{grupoUsuarioMB.salvar}" />
					<p:commandButton id="cmdExcluir"  value="Excluir" image="cmdExcluir"
						disabled="#{grupoUsuarioMB.viewState.cmdExcluirdDisable}"
						update="lista,acoes,acao,msgs" 
						actionListener="#{grupoUsuarioMB.excluir}"
						onclick="if(!confirm('Deseja realmente remover este grupo de usuários?')) {return false;}" />
					<p:button outcome="default.jsf" value="Fechar"  image="cmdFechar"/>
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
